<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>06_事件监听</title>
</head>
<body>
    <button onclick="alert('按钮1被点击了')">按钮1</button>
    <button id="btn">按钮2</button>
    <br>
    <span>震惊：两天后大家竟然在家里</span>
    <script>
        window.addEventListener('resize',function () {
            console.log('窗口大小被改变');
        })
        window.addEventListener('scroll',function () {
            console.log('页面被滚动了');
        })
        // 鼠标在文字上移动
        let spanE=document.querySelector('span');
        spanE.addEventListener('mousemove',function () {
            console.log('鼠标在文字上移动了');
        })

        // 1.获取元素
        let btnE=document.getElementById('btn');
        // 2.给按钮2添加点击事件 事件监听器
        //click,function () {} 是监听到点击时间后处理的函数
        btnE.addEventListener('click',function () {
            console.log('按钮2被点击了');
        })
    </script>
</body>
</html>